<?php
	$root = "http://".$_SERVER['HTTP_HOST']."/".substr($_SERVER['PHP_SELF'], 1, strpos(substr($_SERVER['PHP_SELF'], 1), "/"))."/";
?>
<!DOCTYPE html>
<!-- 
文件用途:上传模板展示
作者:hjl
制作日期:2012-12-2
最后编辑人:
最后编辑时间:
-->
<html lang="en">
	<head>
		<title>上传</title>
		<base href="<?php echo $root;?>">
		<meta http-equiv="content-type" content="text/html; charset=UTF-8">
		<meta http-equiv="pragma" content="no-cache">
		<meta http-equiv="cache-control" content="no-cache">
		<meta http-equiv="expires" content="0">
		<?php include '../pages/common/importBaseCss.php'; ?>
		<!-- upload -->
		<link rel="stylesheet"
			href="lib/plupload/js/jquery.plupload.queue/css/plupload-gebo.css" />
		<script type="text/javascript">
	var aclData = {
		available : "true",
		read : "true",
		edit : "true",
		del : "true",
		add : "true",
		print : "true"
	}
	var breadCrumbDatas = [ {
		"id" : 1,
		href : "index.jsp",
		clazz : 'icon-home'
	}, {
		id : 2,
		text : '例子',
		href : 'pages/example/index.jsp'
	}, {
		id : 3,
		text : '上传'
	} ];
	var tabDatas = [ {
		id : 1,
		href : "#tab_new",
		liClass : "active",
		iClass : "splashy-document_letter_edit",
		text : "上传"
	} ];
</script>
	</head>
	<body>
		<div id="loading_layer" style="display: none">
			<img src="img/ajax_loader.gif" alt="" />
		</div>
		<!-- style switcher -->
		<div class="style_switcher">
		</div>

		<div id="maincontainer" class="clearfix">
			<!-- header -->
			<header>
			<div class="navbar navbar-fixed-top">
				<div class="navbar-inner">
				</div>
			</div>
			</header>
			<!-- main content -->
			<div id="contentwrapper">
				<div class="main_content">
					<!-- breadCrumb -->
					<nav>
					<div id="jCrumbs" class="breadCrumb module">
					</div>
					</nav>
					<div class="row-fluid">
						<div class="span12">
							<div class="mbox">
								<div class="tabbable">
									<!--nav tabs  -->
									<div class="heading">
										<ul class="nav nav-tabs" id="mainTabs">
										</ul>
									</div>
									<!--content tabs  -->
									<div class="tab-content">
										<!--tab tab_new  -->
										<div class="tab-pane active" id="tab_new">
											<!-- 数据增加开始{ -->
											<div class="row-fluid">
												<div class="span12">
													<h3 class="heading">
														这是主标题
														<small>(这是说明)</small>
													</h3>
												</div>
											</div>
											<div class="row-fluid">
												<div class="span12">
													<form id="uploadForm">
														<div class="formSep">
															<p>
																<span class="label label-inverse">File upload</span>
															</p>
															<div class="row-fluid">
																<div class="span4">
																	<div data-provides="fileupload"
																		class="fileupload fileupload-new">
																		<input type="hidden" />
																		<div class="input-append">
																			<div class="uneditable-input span2">
																				<i class="icon-file fileupload-exists"></i>
																				<span class="fileupload-preview"></span>
																			</div>
																			<span class="btn btn-file"><span
																				class="fileupload-new">Select file</span><span
																				class="fileupload-exists">Change</span>
																			<input type="file" />
																			</span><a data-dismiss="fileupload"
																				class="btn fileupload-exists" href="#">Remove</a>
																		</div>
																	</div>
																</div>
																<div class="span4">
																	<div data-provides="fileupload"
																		class="fileupload fileupload-new">
																		<input type="hidden" value="" name="">
																		<span class="btn btn-file"><span
																			class="fileupload-new">Select file</span><span
																			class="fileupload-exists">Change</span>
																		<input type="file" name="">
																		</span>
																		<span class="fileupload-preview"></span>
																		<a style="float: none" data-dismiss="fileupload"
																			class="close fileupload-exists" href="#">&times;</a>
																	</div>
																</div>
															</div>
															<div class="row-fluid">
																<div class="span4">
																	<div data-provides="fileupload"
																		class="fileupload fileupload-new">
																		<input type="hidden">
																		<div style="width: 200px; height: 150px;"
																			class="fileupload-new thumbnail">
																			<img
																				src="http://www.placehold.it/200x150/EFEFEF/AAAAAA&amp;text=no+image"
																				alt="" />
																		</div>
																		<div
																			style="max-width: 200px; max-height: 150px; line-height: 0px;"
																			class="fileupload-preview fileupload-exists thumbnail"></div>
																		<div>
																			<span class="btn btn-file"><span
																				class="fileupload-new">Select image</span><span
																				class="fileupload-exists">Change</span>
																			<input type="file" />
																			</span>
																			<a data-dismiss="fileupload"
																				class="btn fileupload-exists" href="#">Remove</a>
																		</div>
																	</div>
																</div>
																<div class="span4">
																	<div data-provides="fileupload"
																		class="fileupload fileupload-new">
																		<input type="hidden" />
																		<div
																			style="width: 200px; height: 150px; line-height: 150px;"
																			class="fileupload-preview thumbnail"></div>
																		<div>
																			<span class="btn btn-file"><span
																				class="fileupload-new">Select image</span><span
																				class="fileupload-exists">Change</span>
																			<input type="file" />
																			</span>
																			<a data-dismiss="fileupload"
																				class="btn fileupload-exists" href="#">Remove</a>
																		</div>
																	</div>
																</div>
																<div class="span4">
																	<div data-provides="fileupload"
																		class="fileupload fileupload-new">
																		<input type="hidden" />
																		<div style="width: 50px; height: 50px;"
																			class="fileupload-new thumbnail">
																			<img
																				src="http://www.placehold.it/50x50/EFEFEF/AAAAAA"
																				alt="" />
																		</div>
																		<div
																			style="width: 50px; height: 50px; line-height: 50px;"
																			class="fileupload-preview fileupload-exists thumbnail"></div>
																		<span class="btn btn-file"><span
																			class="fileupload-new">Select image</span><span
																			class="fileupload-exists">Change</span>
																		<input type="file" />
																		</span>
																		<a data-dismiss="fileupload"
																			class="btn fileupload-exists" href="#">Remove</a>
																	</div>
																	<br />
																	<div style="text-align: right"
																		data-provides="fileupload"
																		class="fileupload fileupload-new visible-desktop">
																		<input type="hidden" />
																		<span class="btn btn-file"><span
																			class="fileupload-new">Select image</span><span
																			class="fileupload-exists">Change</span>
																		<input type="file" />
																		</span>
																		<a data-dismiss="fileupload"
																			class="btn fileupload-exists" href="#">Remove</a>
																		<div style="width: 50px; height: 50px;"
																			class="fileupload-new thumbnail">
																			<img
																				src="http://www.placehold.it/50x50/EFEFEF/AAAAAA"
																				alt="" />
																		</div>
																		<div
																			style="width: 50px; height: 50px; line-height: 50px;"
																			class="fileupload-preview fileupload-exists thumbnail"></div>
																	</div>
																</div>
															</div>
														</div>
														<div id="multi_upload" class="gebo-upload">
															<p>
																You browser doesn't have Flash, Silverlight or HTML5
																support.
															</p>
														</div>
													</form>
												</div>
											</div>
										</div>

									</div>
								</div>
							</div>

						</div>
					</div>

					<!-- hide elements -->
					<div class="hide">
					</div>

				</div>
			</div>

			<!-- sidebar -->
			<a href="javascript:void(0)" class="sidebar_switch on_switch ttip_r"
				title="隐藏侧边栏">侧边栏</a>
			<div class="sidebar" id="sidebar">
			</div>
		</div>
		<?php include '../pages/common/importBaseJs.php'; ?>
		<!-- plupload and all it's runtimes and the jQuery queue widget (attachments) -->
		<script type="text/javascript" src="lib/plupload/js/plupload.full.js"></script>
		<script type="text/javascript" src="lib/plupload/js/jquery.plupload.queue/jquery.plupload.queue.full.js"></script>
		<!-- app.js 
		<script src="js/app/example/upload.js"></script>
		-->
		<script type="text/javascript">
	$(document).ready(function() {
        //* multiupload
        app.upload();
	});
		//* drag&drop multi-upload
    app = {
        upload: function() {
            $("#multi_upload").pluploadQueue({
                // General settings
                runtimes : 'html5,flash,silverlight',
                url : 'lib/plupload/examples/upload.php',
                max_file_size : '10mb',
                chunk_size : '1mb',
                unique_names : true,
                browse_button : 'pickfiles',
        
                // Specify what files to browse for
                filters : [
                    {title : "Image files", extensions : "jpg,gif,png"},
                    {title : "Zip files", extensions : "zip"}
                ],
        
                // Flash settings
                flash_swf_url : 'lib/plupload/js/plupload.flash.swf',
        
                // Silverlight settings
                silverlight_xap_url : 'lib/plupload/js/plupload.silverlight.xap'
            });
        }
    };		
		</script>
		<script src="js/gebo_common.js"></script>
	</body>
</html>